<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>全球No.1韩国化妆品平台  - 美美箱Memebox</title>
		<title>全球No.1韩国化妆品平台 - 美美箱Memebox</title>
		<link rel="stylesheet" href="../css/index.css" />
		<link rel="stylesheet" href="../css/index1.css" />
		<link rel="stylesheet" href="../js/swiper/swiper.css" />
		<link rel="stylesheet" href="../css/xiangqing.css" />
		<script src="../js/require.js" data-main="js/config.js"></script>
		<script src="../js/index1.js"></script>
		<script src="../js/jquery-1.8.3.min.js"></script>
		<script src="../js/jquery/jquery-1.11.3.js"></script>
		<script src="../js/js/jquery.fly.min.js"></script>
		<script src="../js/index.js"></script>
		<script src="../js/swiper/swiper.js"></script>
		<script src="../js/slider.js"></script>
		<script src="../js/PgwMenu.js"></script>
		
	</head>
	<body>
<div id="myxqy">
		<div id="header">
			<div id="header_inner">
				<div class="gnbTop">
					<div class="gnbTopInner">
						<div id="hander_left">
							<ul>
								<li>
									<i class="icon-welcome-white"></i>
									100%韩国正品美美箱
								</li>
								<li>
									<i class="icon-punch-white"></i>
								</li>
								<li><span>[每日签到]</span>每月累计签到满10次，即可获得5蜜豆</li>
							</ul>
						</div>
						<div id="hander_right">
							<ul>
								<li><a href="html/dengru.html">登入</a></li>
								<li><a href="html/zhuce.html">注册</a></li>
								<li>|</li>
								<li>
									<a href="">
										<i class="icon-iphone"></i>
										手机APP
										<div class="downloadapp">
											<i class="qrcode-angel"></i>
											<div class="qrcode"></div>
										</div>
									</a>
								</li>
								<li>
									<a href="">
										<i class="icon-service-white"></i>
										在线客服
									</a>
								</li>
							</ul>
						</div>					
					</div>					
				</div>
<!---->				
	
				<!--导航结束-->
				<div class="header_primary_container">
					<div class="header_primary  header container">						
						<div class="logo">
							<a href="">
								<img src="../img/new-logo_memebox-china.png" alt="" />
							</a>
						</div>
						<div class="form-search">
			        		<input id="search" type="text" class="input-text" >
			        		<button type="submit" class="buttton">
			        			<i class="icon-search-in"></i>
			        		</button>						    
						</div>					
					</div>
				</div>
			
				<div id="nav">
					<div id="nav_inner">
							<ul>
								<li class="nav_innerli"><a class="nav_top" href="">
									<i class="classify_icon"></i>
									商品分类</a>
								</li>
								<li class="nav_innerli"><a class="nav_top" href=""><span id="" style="color:#ff5073">主页</span></a></li>									
								<li class="nav_innerli"><a class="nav_top" href="">极速仓</a></li>
								<li class="nav_innerli"><a class="nav_top" href="">面膜</a></li>								
								<li class="nav_innerli"><a class="nav_top" href="">新货</a></li>
								<li class="nav_innerli"><a class="nav_top" href="">直邮</a></li>
								<li class="nav_innerli"><a class="nav_top" href="">礼盒</a></li>
								<li class="nav_innerli"><a class="nav_top" href="">PONY</a></li>
								<li class="nav_innerli"><a class="nav_top" href="">美美妆</a></li>								
								<li class="nav_innerli"><a class="nav_top" href="">I'M MEME</a></li>
								<li class="nav_innerli"><a class="nav_top" href="">K-BEAUTY STYLE</a></li>	
							</ul>
					</div>
				</div>				
			</div>		
		</div>		
<div id="left">
	<div class="leftleft">
		<img src="../img/szj.png" alt="" class="pl">
	</div>
</div>

<!--banner图-->	
		
		
			<script>
				$(function(){
					$(".item").hover(function(){												
						$(".item").eq($(this).index()).addClass("lid")
					},function(){
						$(".item").eq($(this).index()).removeClass("lid")
					})
				})
			</script>
		</div>
		
	</div>
<!---->		
	<div class="xiangqing">
		<div class="xiangqing_inner">
			<p class="product-image zoom-inside" style="max-width: 650px;">
				<div class="mousetrap">
					<div id="wrap">
						<a href="#" class="cloud-zoom" id="zoom1" style="position: relative;">
			             <img src="../img/4_40_.jpg" alt="雪纱丝柔防晒隔离霜" title="雪纱丝柔防晒隔离霜" >
			            </a>
			       </div>
			       <span id="zoom-btnn" class="lightbox-group zoom-btn-small cboxElement">变焦</span>
			       <div class="smallimg">
			       		<div class="smallimg_inner">
			       			<img class="lazyOwl" alt="" src="../img/thumbnail-change2227.jpg" style="display: inline;">
			       		</div>
						
					</div>
				</div>
				
			
			</p>
			
			<div class="xiangqing-right">
				<div class="product-shop grid12-8">
					<div class="product-name" style="margin: 0">
		                <h1 id="name_sku_CO133">
		                	<span style="font-size: 20px;line-height: 1;">LANEIGE 兰芝 雪纱丝柔防晒隔离霜</span>
		                </h1>
		            </div>
		            <div style="font-size: 12px; text-align: center; overflow: auto; margin-top: 10px;">
				        <span class="icon_ship_local"></span><span style="float: left; color: #aaa;">极速仓库发货</span>
                    </div>
                    <div class="short-description">
	                    <div class="std">一点不输大牌的气垫粉底，自然服帖，完美遮瑕，让你拥有零瑕疵的妆容。含33%保湿成分，皮肤持久保湿，24小时的妆效持久力，淡淡的光泽让你拥有好气色</div>
					</div>
					<div class="product-type-data">
						<div class="price-box">
						    <div class="memepriceOld">
						       <p>价格<span>￥229</span></p>
						    </div>
						    <div class="memepriceNow">
						        <p>促销价<span>￥149</span><span class="discount">6.5折</span></p>
						    </div>
						</div>
						<div class="returnme">
							<i class="returnicon"></i>
							<span id="return">最高可返<a id="num" href="html/dengru.html" style="color: rgb(54, 155, 249);">登录后查看</a>蜜豆</span>					
						</div>
						<div class="shippingDetail">
						    <span style="margin: 6px 24px 0 5px;color: #aaa;font-size: 14px;">邮费</span>
						    <span style="margin-left:5px;color: #666">满99元免邮</span>
						</div>
						<div class="ratings">
        					<div style="float:left; margin:0 33px 0 10px; font-size: 14px; color:#aaa;">评价</div>
		                    <div class="rating-box">
				                <div class="rating" style="width:14.5%"></div>
				            </div>
			                <div class="rating-links">
				            	<a id="goto-reviews" href="#product-tabs" style="color: #aaa">（已有478 人评价）</a>
				        	</div>
   						 </div>
   						 <div class="option">
					        <dl class="last">
							    <dt>
							        <label>颜色分类<span class="required">&nbsp;*</span></label>
							    </dt>
							    <dd class="last">
							        <select name="options[2420]" id="select_2420" class=" required-entry product-custom-option" title="">
								        <option value="">-- 请选择分类 --</option>
								        <option value="8541">2호 란제리 2号 象牙白 </option>
								        <option value="8542">3호 리넨 3号 亮肤色 </option>
								        <option value="8543" disabled="disabled">4호 진저 4号 自然肤色 </option>
							        </select>  
							    </dd>
					        </dl>
					    </div>
					    <div class="product-options-bootom">
					    	<div class="add-to-car v-center qty-num">
					    		<label for="qty" class="fl" style="margin:6px 24px 0 10px; color:#aaa; font-size: 14px;">数量 &nbsp;</label>
					    		<a href="javascript:void(0)" id="reduce">-</a>
					    		<input type="text"  id="qty"value="1">
					    		<a href="javascript:void(0)"id="add">+</a>
					    	</div>
					    	<script>
					    		$(function(){
					    			$("#reduce").hover(function(){
					    				this.style.background="#ff5073";
					    			},function(){
					    				this.style.background="";
					    			}
					    			)
					    			$("#add").hover(function(){
					    				this.style.background="#ff5073";
					    			},function(){
					    				this.style.background="";
					    			}
					    			)
					    			if('1'==1){
					    				$("#reduce").click(function(){
					    					var num=$("#qty").val();
					    					if(num<=1){
					    						return false
					    					}else{
					    						$("#qty").val(--num)
					    					}
					    				})
					    				$("#add").click(function(){
					    					var num=$("#qty").val();
					    					$("#qty").val(++num)
					    				})
					    			}else{
//					    				
					    			}
					    		})
					    	</script>
<!---------------------------加入收藏------------------------------------------------------------->
					    	<div class="wodesc">
					    		<a href="">
					    			<button id="wodeshoucang"><span>加入收藏</span></button>
					    		</a>
					    		<a href="#">
					    			<button id="mycar-button"><span class="myaddcar">加入购物车</span></button>
					    		</a>
					    	</div>
					    	<script>
					    		$(function(){
					    			$("#wodeshoucang span").hover(function(){
					    				this.style.background="#ff5073";
					    				this.style.color="#fff"
					    			},function(){
					    				this.style.background="";
					    				this.style.color=""
					    			})					    			
					    			$("#mycar-button span").hover(function(){
					    				this.style.background="#ff5073";
					    				this.style.color="#fff"
					    			},function(){
					    				this.style.background="";
					    				this.style.color=""
					    			})				    								    							    											  
					    		})		    	
					    	</script>					    	
					    </div>
					</div>
				</div>
				
			</div>
		
		
			<div class="box-additional">
				<div class="newdetails">
					<div class="newdetailso">
            			<div class="where_goods_local"></div>
            			<div class="detailtext_local">韩国直采</div>
            		</div>
            		<div class="newdetailso">
            			<div class="what_goods_local"></div>
            			<div class="detailtext_local">超值低价</div>
            		</div>
            		<div class="newdetailso">            
            			<div class="how_goods_local"></div>
            			<div class="detailtext_local">极速发货</div>
            		</div>
            		<div class="newdetailso">
            			<div class="wow_goods_local"></div>
            			<div class="detailtext_local">7天包退</div>
            		</div>
				</div>
			</div>
			
			<div id="product-tabs">
				<ul class="tabs clearer">
					<li id="tab-description">
						<a href="javascript:void(0);" class="goods_local current">图文详情</a>													
					</li>
				    <li id="tab-attributes">
						<a href="javascript:void(0);" class="goods_local">商品参数</a>													
					</li>
				    <li id="tab-Aboutship">
						<a href="javascript:void(0);" class="goods_local">配送说明</a>							
					</li>
				    <li id="tab-tabreviews">
						<a href="javascript:void(0);" class="goods_local">评论(463)</a>
					</li>
				</ul>
			</div>
			
			
			<div class="panel tupianxiangqing"style="display:block;">
				<div class="std">
                <p>
					<img src="../img/201692716858兰芝雪纱防晒隔离霜_01.jpg">
					<img src="../img/20169271690兰芝雪纱防晒隔离霜_02.jpg">
					<img src="../img/20169271691兰芝雪纱防晒隔离霜_03.jpg">
					<img src="../img/20169271693兰芝雪纱防晒隔离霜_04.jpg">
					<img src="../img/20169271694兰芝雪纱防晒隔离霜_05.jpg">
					<img src="../img/20169271696兰芝雪纱防晒隔离霜_06.jpg">
    			</p>
				</div>				
			
			
				
			</div>
			<!---->
			<div class="panel canshu" style="display:none;">  					
   				<table class="data-table">
                 <tr class="first odd">
                    <th class="label">品牌</th>
                    <td class="data last">LANEIGE 兰芝</td>                                            
                </tr>
                <tr class="even">
                    <th class="label">产品名称</th>
                    <td class="data last">雪纱丝柔防晒隔离霜</td>                                           
                </tr>
                <tr class="odd">
                    <th class="label">功效</th>
                    <td class="data last"> 遮瑕, 防晒 </td>                                          
                </tr>
                <tr class="even">
                    <th class="label">保质期</th>
                    <td class="data last">3年（具体以收到实物为准）</td>                                            
                </tr>
                <tr class="odd">
                    <th class="label">适用人群</th>
                    <td class="data last">所有人群</td>                                          
                </tr>
                <tr class="even">
                    <th class="label">原产地</th>
                    <td class="data last"> 韩国 </td>                       
                </tr>
		  		<tr class="odd">
                    <th class="label">产品容量</th>
                    <td class="data last">30ml</td>                                            
                </tr>
               <tr class="even">
                    <th class="label">规格</th>
                    <td class="data last">正装 </td>                       
                </tr>
                <tr class="last odd">
                    <th class="label">产品活动类型</th>
                    <td class="data last">0</td>                                            
                </tr>
            </table>
    
			</div>
			<!---->
				<div class="panel peisong"style="display:none;">
					<div style="margin-left: 10px;">
						<ul>
							<li>1、本仓订单金额满99元包邮；</li>
							<li>2、16:00前的订单原则上当天便安排发货（大促期间物流压力剧增可能会稍有延迟，请谅解）；</li>
							<li>3、下单后预计3-5个工作日到货（偏远地区除外）。</li>
						</ul>
					</div>
				</div>
			<!---->
			<div class="more_details"></div>
		</div>		
	</div>
	
		<!--底部-->
		<div id="main">
					<div class="f-l">
			            <img src="../img/genuine.png" alt="">
			            <div class="first-co">
			                100%正品
			            </div>
        			</div>
        			<div class="f-l">
			            <img src="../img/low.png" alt="">
			            <div class="first-co">
			               	 优质低价
			            </div>
			        </div>
			        <div class="f-l">
			            <img src="../img/deliver.png" alt="">
			            <div class="first-co">
			                                  极速发货
			            </div>
			        </div>
			        <div class="f-l">
			            <img src="../img/refund.png" alt="">
			            <div class="first-co">
			                	退换无忧
			            </div>
			        </div>
				</div>
			<!--关于美美箱-->
			<div class="footer-row-secondary">
        		<div class="footer-sec-wrap">
            		<div class="footer-sec-wrap-first">
                		<div class="text-center">
                    		<img src="../img/szj.jpg" alt="">
                		</div>
                		<div class="text-center" style="font-size: 14px;font-weight: bold;margin: 20px 0 10px 0 ;">
                    		关于我们
                		</div>
                		<div class="clr qr-code-wrapper">
		                    <div class="f-l text-right" style="width: 43%;position: relative">
		                        <img src="../img/meme.png" alt="">
		                        <div class="qr-code download">
		                            <img src="../img/download.png" alt="">
		                        </div>
		                    </div>
		                    <div class="f-l text-center" style="width: 14%;position: relative">
		                        <img src="../img/wechat.png" alt="">
		                        <div class="qr-code wechat-qr">
		                            <img src="../img/wechatdownload.png" alt="">
		                        </div>
		                    </div>
		                    <div class="f-l text-left" style="width: 43%;position: relative">
		                        <img src="../img/sina.png" alt="">
		                        <div class="qr-code sina">
		                            <img src="../img/sinadownload.png" alt="">
		                        </div>
		                    </div>
                		</div>
            		</div>
		            <div class="footer-sec-wrap-sec">
		                <ul class="f-l">
		                    <span class="sec-title">关于美美箱</span>
		                    <li><a href="">美美全球</a></li>
		                    <li><a href="">品牌优势</a></li>
		                    <li><a href="">消费保障</a></li>
		                    <li><a href="">线下体验店</a></li>
		                </ul>
		                <ul class="f-l">
		                    <span class="sec-title">帮助中心</span>
		                    <li><a href="">常见问题</a></li>
		                    <li><a href="">账户相关</a></li>
		                    <li><a href="">包邮政策</a></li>
		                    <li><a href="">支付相关</a></li>
		                    <li><a href="">物流相关</a></li>
		                    <li><a href="">退换政策</a></li>
		                </ul>
		                <ul class="f-l">
		                    <span class="sec-title">服务协议</span>
		                    <li><a href="">服务协议</a></li>
		                    <li><a href="">个人网申协议</a></li>
		                    <li><a href="">隐私政策</a></li>
		                </ul>
		                <ul class="f-l">
		                    <span class="sec-title">联系我们</span>
		                    <li><a href="">商务合作</a></li>
		                    <li><a href="">分销合作</a></li>
		                    <li><a href="">加入我们</a></li>
		                </ul>
		            </div>
        		</div>
    		</div>
    
	    <div class="footer-row-third">
	        <div class="text-center title">
	            	联系客服
	        </div>
        	<div class="text-center cs">
            	<span class="mr30">客服时间 : 周一~周日(9:00 - 21:00) </span> 
            	<span>客服热线: 400-720-9967</span>
                <span class="ml30">客服邮箱 :kf@memeboxglobal.com</span>
        	</div>
    	</div>
    	
    	<div class="coright clr">
	        <div class="f-l">
	        	<span>© 2015 Memebox Corporation. All Rights Reserved.</span>
	        </div>
	        <div class="f-r">	        
		        <a href="" target="_blank"><img style="height: 30px;" src="../img/icon.gif" alt=""></a>
		       	<span></span>
	        	<span> 蜜米柏克思（上海）商贸有限公司</span>
		        <span>上海市杨浦区政立路415号中航天盛广场A座6楼</span> 
		        <span>沪ICP备14043341号</span>
	        </div>
    	</div>
	
	<div id="right">
		<div class="mbar-aside">
    		<div class="mbar-main-panel" style="overflow: hidden;">  			
        		<ul class="mbar-center">
            		<li class="me-cart" id="buycar">
	                	<div id="cart-panel">
		                    <i class="me-smallIcon cartIcon"></i>
		                    <span class="cart-name">购物车</span>
		                    <span class="cart-num" style="">1</span>
	                	</div>
           			 </li>
		           <li class="me-login">
		                <a href="#"><i class="me-smallIcon userIcon"></i></a>
		                <div class="me-tooltip">个人中心<i class="arrow-l"></i></div>     
		            </li>
		            <li class="me-favorite">
		                <a href="#"><i class="me-smallIcon favoriteIcon"></i></a>
		                <div class="me-tooltip" style="margin-top:0px;">我的收藏<i class="arrow-l"></i> </div>  
		            </li>
		             <li class="me-asset">
		                <a href="#">
		                    <i class="me-smallIcon assetIcon"></i>
		                </a>
		                <div class="me-tooltip">
		                   		我的订单
		                    <i class="arrow-l"></i>
		                </div>
		            </li>
		             <li class="me-support">
	        			<a href="#"><i class="me-smallIcon supportIcon"></i></a>	        					        			
	        			<div class="me-tooltip">在线客服<i class="arrow-l"></i>
						  </div>
	        		</li>
	        		<li class="me-gotop">
	        			<a href="#"><i class="me-smallIcon gotopIcon"></i></a>
	        			<div class="me-tooltip">返回顶部<i class="arrow-l"></i> </div>          
	        		</li>
		        </ul>
	        
		    </div>
		    <div class="mbar-cart" id="mbar-cart">
		        <div class="cart-head clearfix">
		            <span class="cart-title">购物车</span>
		            <i class="me-smallIcon closeCart" title="关闭">close</i>
		        </div>
		        <div class="mbar-cart-wrap">
		            <div class="mbar-cart-empty" style="height: 110px; display:block;">
		                <p class="mbar-cart-tips">购物车很空！</p>
		            </div>		            
       			</div>  			
    			<div class="mbar-cart-box ">
		            <div class="mbar-cart-empty " style="height: 110px; display:none">
		                <p class="mbar-cart-type">极速仓</p>
		                <ul class="mbar-cart-group" id="car-group">
		                	<li>
		                		<div class="cart-img-box"><a href="#"><img class="mbar-cart-img" src="../img/_40_.jpg" alt=""></a>
        						</div>
        						<div class="mbar-cart-item">
           							<div class="cart-item-name">
                					<a class="cart-item-link" href="#"><span>LANEIGE 兰芝&nbsp;雪纱丝柔防晒...</span></a>
            						</div>
					            <div class="cart-item-sum">					               
					                <i class="me-smallIcon subtrtIcon"></i>
					               	<input class="mygw" type="text" value="1"/>			                
					                    <i class="me-smallIcon plusIcon"></i>    
					            </div>	
					            	<div class="cart-item-price">¥<span class="danjia">175</span></div>
						            <a class="cart-item-del" href="javascript:void(0);" data-tmp="5813-2282-8124" title="删除">
						                <i class="me-smallIcon deleteIcon"></i>
						            </a>
					        </div>
		                	</li>
		                </ul>
		                <div class="mbar-cart-sum clearfix">
						    <div class="cart-sum-left">
						        本仓共<span class="cart-sum-num">1</span>件商品
						    </div>
						    <div class="cart-sum-right">¥<span class="zongjia">175</span></div>
						</div>
						<div class="mbar-cart-foot">                  
                  		 <a class="cart-sum-pay" href="/checkout/cart">去购物车结算</a>
               			 </div>
		            </div>		            
        		</div>   			
		    </div>
	   	</div>     
	</div>
	<script>
	</script>	
	</div>
	</body>
</html>
<script>
				$(function(){
					$("#zoom-btnn").click(function(){
					console.log("点击了")
						$("body").append('<div class="ofixse"></div>');
						$(".ofixse").width($(window).width());
						$(".ofixse").height($(window).height());
						$(".ofixse").css({position:"fixed"});
						$(".ofixse").css({background:"#f00"})
					})
				})
			</script>